<template>
	<div class="myaccountWrap">
		<div class="myaccountTop">
			<div class="myaccountTop-one"><img :src="user.userpic" alt=""></div>
			<div class="myaccountTop-two">你好，<span>{{user.userphone}}</span></div>
			<div class="myaccountTop-three">
				<div>当前积分</div>
				<div>{{user.userintegral}}</div>
			</div>
			<div class="myaccountTop-four myaccountTop-three">
				<div>我的钱包</div>
				<div>￥{{user.usermoney}}</div>
			</div>
			<div class="myaccountTop-five myaccountTop-three">
				<div><router-link to="/myself/myaccount/refillcard" class="aone">充值有礼>></router-link></div>
				<div><router-link to="" class="atwo">充值卡兑换>></router-link></div>
			</div>
		</div>
		<div class="myaccountBottom"></div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				user:[]
			}
		},
		// created(){ 
		// 	var _this=this;
		// 	var userphone=localStorage.getItem("userphone")
		// 	this.$axios.post("http://localhost:3000/userinfor",{userphone:userphone})
		// 	.then(function(response){
		// 		var list=response.data;
		// 		if(list.code==200){
		// 			_this.$store.commit('userinforChang',list.data[0]);
		// 			_this.user=_this.$store.state.userinfor;
		// 		}
		// 	}).catch(function (error) {
		// 		window.console.log(error);
		// 	})
			
		// }
	}
</script>

<style>
	.myaccountWrap{
		width: 100%;
	}
	.myaccountTop{
		width: 100%;
		height: 220px;
		background: #f4fff2;
		border: 1px solid #C1C1C1;
	}
	.myaccountBottom{
		width: 100%;
		height: 384px;
		border: 1px solid #c1c1c1;
		margin-top: 20px;
	}
	.myaccountTop-one{
		width: 140px;
		height: 140px;
		margin-top: 40px;
		margin-left: 3%;
		float: left;
	}
	.myaccountTop-two{
		float: left;
		height: 220px;
		line-height: 220px;
		font-size: 18px;
		margin-left: 3%;
	}
	.myaccountTop-two span{
		color: #f08200;
	}
	.myaccountTop-three{
		float: left;
		margin-top: 76px;
		font-size: 20px;
		margin-left:4%;
		
	}
	.myaccountTop-five .aone{
		color: #4b943d;
	}
	.myaccountTop-five .atwo{
		color: #f08200;
	}
	.myaccountTop-three div:nth-of-type(2){
		color: #f08200;
		margin-top: 30px;
	}
	.myaccountBottom{
		background: url("../assets/img/banner-13.png") 100% no-repeat;
		background-size: 100% 100%;
	}
	.myaccountTop-one img{
		width: 100%;
		height: 100%;
	}
</style>